Skip to main content

vue 指令

v-on:click 等于 @click

<div v-on:click=...>

等同于

<div @click=...>

v-bind:xx 等于 :xx

<option v-bind:value="1">...

等于

<option :value="1">...

循环

<tr v-for="blog in blogs">
<td >{{blog.title }}</td>
</tr>

判断

<div v-if="type === 'A'">
A
</div>
<div v-else-if="type === 'B'">
B
</div>
<div v-else-if="type === 'C'">
C
</div>
<div v-else>
Not A/B/C
</div>

v-if 与 v-for 的优先级

当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级。

vue中v-bind和v-model的区别?

  1. v-bind用来绑定数据和属性以及表达式,缩写为''
  2. v-mode使用在表单中,实现双向数据绑定的,在表单元素外使用不起作用

Vue中有2种数据绑定的方式: 1.单向绑定(v-bind):数据只能从data流向页面。 2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。 备注: 1.双向绑定一般都应用在表单类元素上(如:input、select等) 2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。